<?php 
    include_custom("/views/header.php");
?>
<body>
<div id="container">
  <header id="header">
        <?php 
    include_custom("/views/header_menu.php");
?>ss
  </header>
  <nav id="main_nav">
    <div class="breadcrumb"> <a href="#" class="first">Coremade
    </a> 
    / 
    <a href="#"> Profile</a> 
    </div>
  </nav>
  <div id="main" role="main" class="billing-profile settings-profile">
    <article class="settings">
    	<div class="title">
        	<form action="">
                <button class="view-profile">
                    <img src="skin/images/view-profile_icon.png" width="16" height="15">
                    View Public Profile
                </button>
            </form>
        	<span>Basic Settings</span>
        </div>
        <form method="get">
            <div class="basic-setting">
                <div class="general">
                    <div class="right">
                        <label>Website:</label>
                        <input name="website" type="text" placeholder="http://www.coreymade.com">
                    </div>
                    <div class="left">
                        <label>Username:</label>
                        <input name="username" type="text" placeholder="Coreymade">
                    </div>
                </div>
                
                <div class="loca-bio">
                    <label>Location:</label>
                    <input name="location" type="text" placeholder="Coreymade" class="location">
                </div>
                
                <div class="loca-bio last">
                    <label>Bio:</label>
                    <textarea name="bio" cols="" rows=""></textarea>
                </div>
                <div class="user-avatar">
                    <label>User Avatar:</label>
                    <div class="avatar_upload">
                        <p class="avatar"><img src="skin/images/avata2.png" width="95" height="95"></p>
                         <div class="avatar_upload_right">
                                <p class="first">
                                    <button>Choose File</button>
                                    <span>No File Chosen</span>
                               </p>
                               <p class="last">Maximum Size 2MB (.jpg, .png, .gif)</p>
                         </div>            	
                    </div>
                </div>
            </div><!--End .basic-setting-->
            
            <div class="title">
                <span>Social Settings</span>
            </div>
            
            <div class="social-setting">
            
                <div class="general">
                    <div class="right">
                        <img src="skin/images/linkedln_icon.png" width="16" height="16">
                      <label>Linkedln</label>
                      <input name="linkedln" type="text" placeholder="corey.haggard">
                    </div>
                    <div class="left">
                        <img src="skin/images/github_icon.png" width="15" height="16">
                        <label>Github</label>
                        <input name="github" type="text" placeholder="Coreymade">
                    </div>
              </div>
              
              <div class="general">
                    <div class="right">
                        <img src="skin/images/facebook_icon.png" width="16" height="16">
                        <label>Facebook</label>
                        <input name="facebook" type="text" placeholder="corey.haggard">
                    </div>
                    <div class="left">
                        <img src="skin/images/twitter_icon.png" width="16" height="16">
                        <label>Twitter</label>
                        <input name="twitter" type="text" placeholder="@coreymade">
                    </div>
              </div>
              
              <div class="general">
                    <div class="right">
                        <img src="skin/images/quora_icon.png" width="16" height="16">
                        <label>Quora</label>
                        <input name="quora" type="text" placeholder="corey.haggard">
                    </div>
                    <div class="left">
                        <img src="skin/images/stack-overflow_icon.png" width="16" height="16">
                        <label>Stack Overflow</label>
                        <input name="stack-overflow" type="text" placeholder="@coreymade">
                    </div>
              </div>
              
              <div class="general last">
                    <div class="right">
                      <label>Other Network</label>
                      <input name="other-network" type="text" placeholder="@coreymade">
                    </div>
                    <div class="left">
                        <img src="skin/images/googleplus_icon.png" width="16" height="16">
                        <label>Google+</label>
                        <input name="google-plus" type="text" placeholder="@coreymade">
                    </div>
              </div>
              
            </div>
        	<button class="btn_update-profile" type="submit">Update Profile</button>
        </form>
    </article>
    <aside class="menu">
      <ul>
        <li class="active"><a href="index.php?rt=index/profile_settings"><img src="skin/images/profile_settings_icon.png" width="30" height="32" alt="icon"><span>Profile Settings</span></a></li>
        <li><a href="index.php?rt=index/profile_account"><img src="skin/images/account_icon.png" width="30" height="32" alt="icon"><span>Account Settings</span></a></li>
        
      </ul>
    </aside>
  </div>
  <footer id="footer">
  <?php
    include_custom("/views/footer.php");
?>
   </footer>
</div>
<!--! end of #container --> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="skin/js/libs/jquery-1.7.1.min.js"><\/script>')</script> 

<!-- scripts concatenated and minified via ant build script--> 
<script src="skin/js/plugins.js"></script> 
<script src="skin/js/script.js"></script> 
<!-- end scripts--> 

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]--> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
	$(document).ready(function(){	

		if (!$.browser.opera) {
    
			// select element styling
			$('select.select').each(function(){
				var title = $(this).attr('title');
				if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
				$(this)
					.css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
					.after('<span class="select">' + title + '</span>')
					.change(function(){
						val = $('option:selected',this).text();
						$(this).next().text(val);
						})
			});

		};
		
	});
</script> 
<script type="text/javascript" src="skin/js/jquery-ui-1.8.17.custom.min.js"></script> 
<script type="text/javascript">

$(document).ready(function () {
$('#tabs').tabs();
});
  </script> 
</body>
</html>